/**
* @depends jquery.window.js
*/


(function($) {

	$.dialog = {
		buttons: {
			'yes': 'Yes',
			'cancel': 'Cancel',
			'ok': 'Ok',
			'no': 'No'
		},
		icons: {
			warning: 'warning.png',
			error: 'error.png'
		}
	};

	$.widget( 'ui.dialog', $.ui.window, {
		
		_init: function() {

			$.ui.window.prototype._init.call(this);

			var objs = this.objs;
			this.element.addClass( 'ui-dialog' );
			objs.left = $('<div class="Left Part"></div>');
			objs.right = $('<div class="Right Part"></div>');
			objs.box
				.append( objs.left )
				.append( objs.right );
			if( this.options.icon ) {
				objs.left.append( '<img src="images/dialog-icons/' + this.options.icon + '" />' );
			}
			
			if( this.options.message ) {
				objs.right.append( '<p>' + this.options.message + '</p>' );
			}
			this._initButtons();
		},
		
		_initButtons: function() {
			var objs = this.objs;
			objs.buttons = $('<div class="Buttons"></div>');
			objs.box.append( objs.buttons );
			for( var b in this.options.buttons ) {
				var callback = this.options.buttons[b];
				var button = $('<a class="Button">' + $.dialog.buttons[b] + '</a>');
				button.click( callback );
				objs.buttons.append( button );
			}
			objs.buttons.append( '<div style="clear:both"></div>' );
		},
		
		content: function( value ) {
			if( value ) {
				this.objs.right.append( value );
				return this;
			}
			return this.objs.right;
		},
		
		options: {
			title : 'Dialog',
			message : null,
			icon: null
		}
		
	} );
	
})(jQuery);
